<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>神灯速贸</title>
        <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta content="telephone=no" name="format-detection" />
        <meta name="msapplication-tap-highlight" content="no"/>
        <link rel="stylesheet" href="../css/public.css">
        <link rel="stylesheet" href="../css/main.css">
        <script src="../js/zepto.min.js"></script>
        <script src="../js/iscroll.js"></script>
        <script src="../js/main.js"></script>
    </head>
    <body>
        <header class="header" style="display: block;">
            <div class="title">贸易订单详情</div>
            <a class="btn-back" href="#"><span>订单评价</span></a>
            <a class="head-btn-right btn-evaluate" href="#">发表评论</a>
        </header>

        <div class="container order-page">
            <div class="campany-head clearfix">
                    <div class="campany-img">
                        <img class="hpimg" src="../images/campany-logo.jpg">
                        <div class="icon active">已认证</div>
                    </div>
                    <div class="campany-name my-ellipsis">买方公司名称</div>
                    <div class="campany-name-russian my-ellipsis">卖方公司名称</div>
                </div>
                <div class="evaluate-wrapper">
                    <div class="evaluate-text" href="#">总体评价</div>
                    <a class="evaluate" href="#"><img class="hpimg" src="../images/evaluate1.png"><span>好评</span></a>
                    <a class="evaluate border-layout" href="#"><img class="hpimg" src="../images/evaluate2.png"><span>中评</span></a>
                    <a class="evaluate" href="#"><img class="hpimg" src="../images/evaluate3.png"><span>差评</span></a>
                </div>
            <textarea id="evaluateContent" rows="8" cols="20" placeholder="发表评论，还可以输入500字"></textarea>
        </div>

        
        <script>
            $(function(){
                $(".evaluate").tap(function(e){
                    e.preventDefault();
                    $(this).addClass("active").siblings().removeClass("active");
                })

                $(".btn-evaluate").tap(function(e){
                    e.preventDefault();
                    console.log($("#evaluateContent").val());
                    console.log($(".evaluate.active").index());
                })
            });
        </script>
        
    </body>
</html>